/*

This file is part of Ext JS 4

Copyright (c) 2011 Sencha Inc

Contact:  http://www.sencha.com/contact

GNU General Public License Usage
This file may be used under the terms of the GNU General Public License version 3.0 as published by the Free Software Foundation and appearing in the file LICENSE included in the packaging of this file.  Please review the following information to ensure the GNU General Public License version 3.0 requirements will be met: http://www.gnu.org/copyleft/gpl.html.

If you are unsure which license is appropriate for your use, please contact the sales department at http://www.sencha.com/contact.

*/
//Ext.Loader.setConfig({enabled:true});
//Ext.Loader.setPath('Ext.ux', '../ux');

Ext.require([
    'Ext.grid.*',
    'Ext.data.*',
    'Ext.util.*',
    'Ext.state.*',
	'Ext.window.MessageBox',
    'Ext.tip.*',
	'Ext.form.*',
	'Ext.selection.CheckboxModel'
]);

Ext.onReady(function() {
    Ext.QuickTips.init();
    
	/**/	
	txt_ingresa	= new Ext.form.TextField
					({
							id: 			'txt_ingresa',
							name:			'txt_ingresa',
							fieldLabel:		'Ingresa',
							minLength: 		1,
							selectOnFocus: 	true,
							blankText: 		'Ingresa',
							allowBlank: 	false,
							width: 			200,
							labelWidth:		180,
							enableKeyEvents: true,
							listeners: {
										keyup: function(t,e){																	
																	if(e.keyCode==13)
																	{
																		txt_ingresado_por.focus();
																	}
															}
										}
					});
		
	txt_ingresado_por	= new Ext.form.TextField
					({
							id: 			'txt_ingresado_por',
							name:			'txt_ingresado_por',
							fieldLabel:		'Ingresado por',
							minLength: 		5,
							selectOnFocus: 	true,
							blankText: 		'Ingresado por',
							allowBlank: 	false,
							width: 			200,
							labelWidth:		150,
							enableKeyEvents: true,
							listeners: {
										keyup: function(t,e){																	
																	if(e.keyCode==13)
																	{
																		guardar_cambio();
																	}
															}
										}
					});			
	
	/**/		
	txt_bueno_por	= new Ext.form.TextField
					({
							id: 			'txt_bueno_por',
							name:			'txt_bueno_por',
							fieldLabel:		'Bueno por',
							minLength: 		1,
							selectOnFocus: 	true,
							blankText: 		'Agrega una cantidad',
							allowBlank: 	false,
							width: 			200,
							labelWidth:		150,
							enableKeyEvents: true,
							listeners: {
										keyup: function(t,e){																	
																	if(e.keyCode==13)
																	{
																		txt_concepto.focus();
																	}
															}
										}
					});
	
	txt_concepto = new Ext.form.TextField
					({
							id: 			'txt_concepto',
							name:			'txt_concepto',
							fieldLabel:		'Concepto',
							minLength: 		4,
							selectOnFocus: 	true,
							blankText: 		'Agrega concepto',
							allowBlank: 	false,
							width: 			200,
							labelWidth:		100,
							enableKeyEvents: true,
							listeners: {
										keyup: function(t,e){																	
																	if(e.keyCode==13)
																	{
																		txt_solicita.focus();
																	}
															}
										}
					});	
	
	txt_solicita = new Ext.form.TextField
					({
							id: 			'txt_solicita',
							name:			'txt_solicita',
							fieldLabel:		'Solicita',
							minLength: 		1,
							selectOnFocus: 	true,
							blankText: 		'Nombre del quien solicita',
							allowBlank: 	false,
							forceSelection: true,
							width: 			150,
							labelWidth:		100,
							enableKeyEvents: true,
							listeners: {
										keyup: function(t,e){																	
																	if(e.keyCode==13)
																	{
																		txt_autoriza.focus();
																	}
															}
										}
					});	
	
	txt_autoriza = new Ext.form.TextField
					({
							id: 			'txt_autoriza',
							name:			'txt_autoriza',
							fieldLabel:		'Autoriza',
							minLength: 		1,
							selectOnFocus: 	true,
							blankText: 		'Autoriza',
							allowBlank: 	false,
							forceSelection: true,
							width: 			150,
							labelWidth:		100,
							enableKeyEvents: true,
							listeners: {
										keyup: function(t,e){																	
																	if(e.keyCode==13)
																	{
																		guardar_vale();
																	}
															}
										}
					});	
					
	/**/	
	label_total_vp=new Ext.form.Label({
				id: 	'label_total_vp',
				name:	'label_total_vp',
				html: 	"<b style='font-size: 20pt; color:blue; font-family: arial,helvetica'> El total es $</b>"
	});
	
	function limpiar_form_cambio()
	{
		txt_ingresa.setValue("");
		txt_ingresado_por.setValue("");
		txt_fecha_fin.setValue("");
		txt_fecha_inicio.setValue("");
		DataStore_personal.load();
		DataStore_partidas_pagadas.load();
	}
	
	function limpiar_form_vale()
	{
		txt_bueno_por.setValue("");
		txt_concepto.setValue("");
		txt_autoriza.setValue("");
		txt_solicita.setValue("");
		txt_fecha_fin.setValue("");
		txt_fecha_inicio.setValue("");
		DataStore_personal.load();
		DataStore_partidas_pagadas.load();
	}
	
	
	function guardar_vale()
	{		
			
			if(isFormValid_vale())
			{
					Ext.Ajax.request({
									waitMsg: 'Espere...',
									url: 'db_movimiento_caja.php',
									params: {
												task: 			"INGRESAR_VALE",
												bueno_por: 		txt_bueno_por.getValue(),
												concepto:		txt_concepto.getValue(),
												autoriza:		txt_autoriza.getValue(),
												solicita:		txt_solicita.getValue()
											}, 
										success: function(response)
										{
											var result=eval(response.responseText);
											switch(result)
											{
												case 1:
														Ext.MessageBox.alert('Registro OK','Se registro movimiento de caja: Vale de caja');
														limpiar_form_vale();
														break;
												case 2:
														Ext.MessageBox.alert('Error','Se registro un error al ingresar vale de caja');
														limpiar_form_vale();
														break;
												default:
														Ext.MessageBox.alert('Error','Error en la BD');
														limpiar_form_vale();
														break;									 
											}
										},
									failure: function(response)
									{			  
										var result=response.responseText;
										Ext.MessageBox.alert('Error','No se pudo conectar a la base de datos. Intenta nuevamente');
									}
					});				
			}
			else
			{
				Ext.MessageBox.alert('Error','Verifica los datos');
			}
	}
	
	function isFormValid_vale()
	{
		return(	txt_bueno_por.isValid() && txt_concepto.isValid() && txt_autoriza.isValid() && txt_solicita.isValid());
	}
	
	function guardar_cambio()
	{		
			
			if(isFormValid_cambio())
			{
					Ext.Ajax.request({
									waitMsg: 'Espere...',
									url: 'db_movimiento_caja.php',
									params: {
												task: 				"INGRESAR_CAMBIO",
												ingresa: 			txt_ingresa.getValue(),
												ingresado_por:		txt_ingresado_por.getValue()
											}, 
										success: function(response)
										{
											var result=eval(response.responseText);
											switch(result)
											{
												case 1:
														Ext.MessageBox.alert('Registro OK','Se registro movimiento de caja: Cambio');
														limpiar_form_cambio();
														break;
												case 2:
														Ext.MessageBox.alert('Error','Se registro un error al ingresar cambio');
														limpiar_form_cambio();
														break;
												default:
														Ext.MessageBox.alert('Error','Error en la BD');
														limpiar_form_cambio();
														break;									 
											}
										},
									failure: function(response)
									{			  
										var result=response.responseText;
										Ext.MessageBox.alert('Error','No se pudo conectar a la base de datos. Intenta nuevamente');
									}
					});				
			}
			else
			{
				Ext.MessageBox.alert('Error','Verifica los datos');
			}
	}
	
	function isFormValid_cambio()
	{
		return(	txt_ingresa.isValid() && txt_ingresado_por.isValid());
	}
	
	function crear_cita()
	{
		var Id_servicio=[];
		var cns_cs=[];
		/*#############################################*/
		var selections=grid_contratados.selModel.getSelection();
		for(i = 0;i<selections.length;i++)
		{
			Id_servicio.push(selections[i].get('Id_servicio'));
			cns_cs.push(selections[i].get('cns_cs'));
		}
		if(i==0 && var_Id_cita==-1)
		{
			Ext.MessageBox.alert('Error','Debes seleccionar un servicio');
			return;
		}
			var Id_servicio_array =Ext.encode(Id_servicio);
			var cns_cs_array =Ext.encode(cns_cs);
			if(isFormValid() || var_Id_cita!=-1)
			{
					Ext.Ajax.request({
									waitMsg: 'Espere...',
									url: 'db_movimiento_caja.php',
									params: {
												task: 				"CREATE_CITA",
												Id_personal: 		var_id_personal,
												Id_servicio:		Id_servicio_array,
												cns_cs:				cns_cs_array,
												fecha:				txt_bueno_por.getRawValue(),
												hora_inicia:		txt_solicita.getRawValue(),
												hora_fin:			txt_autoriza.getRawValue(),
												Id_cita:			var_Id_cita
											}, 
										success: function(response)
										{
											var result=eval(response.responseText);
											switch(result)
											{
												case 1:
														Ext.MessageBox.alert('Registro OK','Se creo la Cita');
														buscar_agenda(var_id_personal,txt_bueno_por.getRawValue());
														DataStore.load({params: {Id_cliente:var_id_cliente}});
														break;
												case 2:
														Ext.MessageBox.alert('Favor de verificar','Ya existe una cita asignada al personal ese dia');
														break;
												case 3:
														Ext.MessageBox.alert('Favor de verificar','Existe una cita de este servicio que no se ha atendido');
														break;
												default:
														Ext.MessageBox.alert('Error','Error en la BD');
														break;									 
											}
										},
									failure: function(response)
									{			  
										var result=response.responseText;
										Ext.MessageBox.alert('Error','No se pudo conectar a la base de datos. Intenta nuevamente');
									}
					});				
			}
			else
			{
				Ext.MessageBox.alert('Error','Verifica los datos');
			}
	}	
	
	// setup the state provider, all state information will be saved to a cookie
    Ext.state.Manager.setProvider(Ext.create('Ext.state.CookieProvider'));
	
	function cancelar_movimiento(id_pago,id_tmc)
	{
		Ext.Ajax.request({
							waitMsg: 'Espere...',
							url: 'db_movimiento_caja.php',
							params: {
										task: 			"CANCELAR_MOVIMIENTO",
										id_pago: 		id_pago,
										id_tmc: 		id_tmc
							}, 
							success: function(response)
							{
								var result=eval(response.responseText);
								switch(result)
								{
									case 1:
											Ext.MessageBox.alert('Registro Ok','Se ha cancelado movimiento');
											//DataStore.load({params: {Id_cliente:var_id_cliente}});
											DataStore_personal.load({params: {fecha_fin:txt_fecha_fin.getRawValue()+"", fecha_inicio: txt_fecha_inicio.getRawValue()+""}});
											break;
									case 2:
											Ext.MessageBox.alert('Error','Error al eliminar la cita');
											//DataStore.load({params: {Id_cliente:var_id_cliente}});
											break;
									default:
											Ext.MessageBox.alert('Error','Error en la BD');
											break;									 
								}
							},
							failure: function(response)
							{			  
									var result=response.responseText;
									Ext.MessageBox.alert('Error','No se pudo conectar a la base de datos. Intenta nuevamente');
							}
		});			
	}
	
	function borrar_cita()
	{
		if(var_Id_cita==-1)
		{
			Ext.MessageBox.alert('Error','Debes seleccionar un servicio');
			return;
		}			
		Ext.Ajax.request({
							waitMsg: 'Espere...',
							url: 'db_movimiento_caja.php',
							params: {
										task: 			"DELETE_CITA",
										Id_cita: 		var_Id_cita,
							}, 
							success: function(response)
							{
								var result=eval(response.responseText);
								switch(result)
								{
									case 1:
											Ext.MessageBox.alert('Error','No se encuentra cita seleccionada');
											//buscar_agenda(var_id_personal,txt_bueno_por.getRawValue());
											DataStore.load({params: {Id_cliente:var_id_cliente}});
											break;
									case 2:
											Ext.MessageBox.alert('Error','Error al eliminar la cita');
											DataStore.load({params: {Id_cliente:var_id_cliente}});
											break;
									case 3:
											Ext.MessageBox.alert('Error','No se puede eliminar por que ya se realizo un pago');
											DataStore.load({params: {Id_cliente:var_id_cliente}});
											break;
									case 4:
											Ext.MessageBox.alert('Registro OK','Se elimino correctamente la cita');
											DataStore.load({params: {Id_cliente:var_id_cliente}});
											break;
									default:
											Ext.MessageBox.alert('Error','Error en la BD');
											break;									 
								}
							},
							failure: function(response)
							{			  
									var result=response.responseText;
									Ext.MessageBox.alert('Error','No se pudo conectar a la base de datos. Intenta nuevamente');
							}
		});			
	}
	
	function isFormValid()
	{
		if(txt_solicita.getRawValue()>=txt_autoriza.getRawValue() && var_id_personal!=-1)
		{
			return false;
		}
		return true;
	}
	
	
	var grid_contrataciones = Ext.create('Ext.grid.Panel', {
        store: DataStore_servicios_contrataciones,
        stateful: true,
        stateId: 'stateGrid',
		tbar: [txt_buscar_producto],
        columns: [
           {
                text     : 'Cliente',
				width    : 400,
                sortable : false,
                dataIndex: 'nombre'
            },{
                xtype: 'actioncolumn',
                width: 25,
                items: [{
                    icon   : '../../imagenes/accept.png',  // Use a URL in the icon config
                    tooltip: 'Servicios activos',
                    handler: function(grid, rowIndex, colIndex) {
						var rec = DataStore_servicios_contrataciones.getAt(rowIndex);
						DataStore.load({params: {Id_cliente:rec.get('Id_cliente')}});
						DataStore_servicios_contratados.load({params: {Id_cliente:rec.get('Id_cliente')}});
						var_id_cliente=rec.get('Id_cliente');
						var_Id_cita=-1;
                    }
                }]
            }
        ],
		anchor:'100%',
		height:'100%',
        title: 'Cliente con servicios en activo',
        viewConfig: {
            stripeRows: true
        }
    });
	
	var sm = Ext.create('Ext.selection.CheckboxModel');
	var grid_contratados = Ext.create('Ext.grid.Panel', {
        store: DataStore_servicios_contratados,
		selModel: sm,
		multiSelect: true,
		//allowDeselect: true,
        stateful: true,
        stateId: 'stateGrid',
		columns: [
            {
                text     : 'Clave',
				width    : 80,
                sortable : false,
                dataIndex: 'Id_servicio'
            },{
                text     : 'Nombre',
				width    : 300,
                sortable : false,
                dataIndex: 'nombre'
            }
        ],
		anchor:'100%',
		height:150,
        title: 'Ingresar cambio',
        viewConfig: {
            stripeRows: true
        }
    });
	
	var grid_personal = Ext.create('Ext.grid.Panel', {
        store: DataStore_personal,
        stateful: true,
		tbar: [txt_fecha_inicio,txt_fecha_fin,label_total_vp],
        stateId: 'stateGrid_II',
        columns: [
            {
                text     : 'Fecha',
				width    : 80,
                sortable : false,
                dataIndex: 'fecha'
            },{
                text     : 'Nota',
				width    : 60,
                sortable : false,
                dataIndex: 'no_nota'
            },{
                text     : 'Nombre',
				width    : 220,
                sortable : false,
                dataIndex: 'nombre'
            },{
                text     : 'Salida',
				width    : 70,
                sortable : false,
                dataIndex: 'salidas'
            },{
                text     : 'Entrada',
				width    : 70,
                sortable : false,
                dataIndex: 'entradas'
            },{
                text     : 'Total',
				width    : 70,
                sortable : false,
                dataIndex: 'total'
            },{
                xtype: 'actioncolumn',
                width: 40,
                items: [{
                    icon   : '../../imagenes/user_comment.png',  // Use a URL in the icon config
                    tooltip: 'Ver detalle del movimiento',
                    handler: function(grid, rowIndex, colIndex) {
                        var rec = DataStore_personal.getAt(rowIndex);
						switch(rec.get('Id_tmc'))
						{
							case 1:
										DataStore_vale_caja.load({params: {Id_pago:rec.get('Id_pago')}});
										break;
							case 2:
										DataStore_cambio.load({params: {Id_pago:rec.get('Id_pago')}});
										break;
							case 3:
										DataStore_partidas_pagadas.load({params: {Id_pago:rec.get('Id_pago'),tipo_pago:2}});
										grid_partidas_pagadas.setTitle('Pagos de: '+rec.get('nombre_cliente'));
										break;
							case 4:
										DataStore_partidas_pagadas.load({params: {Id_pago:rec.get('Id_pago'),tipo_pago:1}});
										grid_partidas_pagadas.setTitle('Pagos de: '+rec.get('nombre_cliente'));
										break;
						}
						
                    }
                },{
                    icon: '../../imagenes/delete.gif',  // Use a URL in the icon config
                    tooltip: 'Cancelar movimiento',
                    handler: function(grid, rowIndex, colIndex) {
                        var rec = grid.getStore().getAt(rowIndex);
						cancelar_movimiento(rec.get('Id_pago'),rec.get('Id_tmc'));
                    }
                }]
            }
        ],
		anchor:'100%',
		height:'100%',
        title: 'Movimientos de caja',
        viewConfig: {
            stripeRows: true
        }
    });
	
	
	Ext.define('Servicio', {
		extend: 'Ext.data.Model',
		fields: [
			{name: 'Id_cita',  type: 'int', mapping: 'Id_cita'},
			{name: 'fecha',  type: 'string', mapping: 'fecha'},
			{name: 'hora_inicio',   type: 'string', mapping: 'hora_inicio'},
			{name: 'hora_fin', type: 'string', mapping: 'hora_fin'},
			{name: 'nombre', type: 'string', mapping: 'nombre'},
			{name: 'Id_equipo', type: 'int', mapping: 'Id_equipo'},
			{name: 'nombreequipo', type: 'string', mapping: 'nombreequipo'},
			{name: 'Id_personal', type: 'int', mapping: 'Id_personal'}
		]
	});
	
	DataStore = new Ext.data.Store({
					model: 'Servicio',
					id: 'DataStore',
					proxy: {
								type: 'ajax',
								url : 'db_movimiento_caja.php',            
								actionMethods: {
											read: 'POST'
								},
								extraParams: {
											task: 'LISTING_CITAS_CREADAS',
								},
								reader: {
											root: 'results',
											totalProperty: 'total',
											id: 'id'
								}
					}
	});
	
	// create the Grid
    var grid = Ext.create('Ext.grid.Panel', {
        store: DataStore,
        stateful: true,
        stateId: 'stateGrid_III',
		columns: [
            {
                text     : 'Fecha',
				width    : 80,
                sortable : false,
                dataIndex: 'fecha'
            },{
                text     : 'Hora inicio',
				width    : 60,
                sortable : false,
                dataIndex: 'hora_inicio'
            },{
                text     : 'Hora fin',
				width    : 60,
                sortable : false,
                dataIndex: 'hora_fin'
			},{
                text     : 'Atendio/Atendera',
				width    : 200,
                sortable : false,
                dataIndex: 'nombre'
            },{
                xtype: 'actioncolumn',
                width: 25,
                items: [{
                    icon   : '../../imagenes/table_refresh.png',  // Use a URL in the icon config
                    tooltip: 'Editar',
                    handler: function(grid, rowIndex, colIndex) {
                        var rec = DataStore.getAt(rowIndex);
						txt_concepto.setValue(rec.get('nombre'));
						var_id_personal=rec.get('Id_personal');
						txt_bueno_por.setRawValue(rec.get('fecha'));
						txt_solicita.setRawValue(rec.get('hora_inicio'));
						txt_autoriza.setRawValue(rec.get('hora_fin'));
						var_Id_cita=rec.get('Id_cita');
						buscar_agenda(var_id_personal,txt_bueno_por.getRawValue());
					}
                }]
            },{
                xtype: 'actioncolumn',
                width: 25,
                items: [{
                    icon   : '../../imagenes/delete.gif',  // Use a URL in the icon config
                    tooltip: 'Eliminar',
                    handler: function(grid, rowIndex, colIndex) {
                        var rec = DataStore.getAt(rowIndex);
						var_Id_cita=rec.get('Id_cita');
						borrar_cita();
                    }
                }]
            }
        ],
		anchor:'100%',
		height:210,
        title: 'Historial de citas',
        viewConfig: {
            stripeRows: true
        }
    });
	
	
	var tabs = new Ext.Panel({
		frame:true,
		title: 'Vale de caja',
		buttonAlign:'right',
		labelAlign:'right',
		layout:'column',		
		items: [{
					layout: {
						type: 'vbox',
						align : 'stretch',
						pack  : 'start',
					},
					frame:true,
					height: 120,
					width: 450,
					items:[ txt_bueno_por,
							txt_concepto,
							txt_solicita,
							txt_autoriza ]
				}],
		buttons: [{
						text: 'Limpiar datos',
						handler:limpiar_form_vale
					},{
						text: 'Guardar',
						handler:guardar_vale
				}]
	})

	
	var tabs_cambio = new Ext.Panel({
		frame:true,
		title: 'Ingreso cambio',
		buttonAlign:'right',
		labelAlign:'right',
		layout:'column',		
		items: [{
					layout: {
						type: 'vbox',
						align : 'stretch',
						pack  : 'start',
					},
					frame:true,
					height: 120,
					width: 380,
					items:[ txt_ingresa,
							txt_ingresado_por ]
				}],
		buttons: [{
						text: 'Limpiar datos',
						handler:limpiar_form_cambio
					},{
						text: 'Guardar',
						handler:guardar_cambio
				}]
	})

	/*var tabs_total = new Ext.Panel({
		frame:true,
		title: 'Total',
		buttonAlign:'right',
		labelAlign:'right',
		layout:'column',		
		items: [{
					layout: {
						type: 'vbox',
						align : 'stretch',
						pack  : 'start',
					},
					frame:true,
					height: 150,
					width: 290,
					items:[ label_total_vp  ]
				}]
	})*/
	
	formulariomensaje = new Ext.Panel({
		frame:true,
		autoWidth:true,
		renderTo: 'grid-example',
		buttonAlign:'right',
		labelAlign:'right',
		layout: 'anchor',
		items: [
				{
					layout: {
							type: 'table',
							columns:2
					},
					frame:true,
					items:[{
								layout:'fit',
								height: 200,
								width: 650,
								items:grid_personal
							},{
								layout:'fit',
								height: 200,
								width: 450,
								items:grid_partidas_pagadas
							}]
				},{
					layout: {
							type: 'table',
							columns:2
					},
					frame:true,
					items:[{
								layout:'fit',
								height: 200,
								anchor:'100%',
								items:tabs
							},{
								layout:'fit',
								height: 200,
								width: 400,
								items:tabs_cambio
				}]}
			]
	});
	
	
});

